<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>颜色分列</title>
		<style type="text/css">
		div.left{
			background-color: aquamarine;
			width: 33%;
			float: left;
			padding: 20px;
			box-sizing: border-box;
		}
		div.middle{
			background-color: coral;
			width: 33%;
			float: left;
			padding: 20px ;
			box-sizing: border-box;
		}
		div.right{
			background-color: red;
			width: 33%;
			float: left;
			padding: 20px;
			box-sizing: border-box;
		}
		</style>
	</head>
	<body>
		<div class="left">
		<h2>左面</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa cum esse eius inventore quod tempore voluptate reprehenderit vero at cumque.</p>
		</div>
		<div class="middle">
		<h2>中</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa hic sed maiores aliquam dicta esse quis voluptas debitis voluptatem ex!</p>
		</div>
		<div class="right">
		<h2>右面</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores adipisci similique dolorum tenetur dolores unde doloribus doloremque beatae maxime nihil.</p>
	    </div>
	</body>
</html>
